<{include file="head.html"}>
<div class="reg_main">
    <center><h1>新用户注册</h1></center>
    <div class="reg_box">
        <form method="post" id="regform">
        <table style="border: none;width: 100%; ">
            <tr>
                <td class="left"><b>*</b>用户名：</td>
                <td class="right"><input type="text" class="input_text" name="username"/><span>字母、数字、下划线，6-15位字符</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>密码：</td>
                <td class="right"><input type="password" class="input_text" name="pw"/><span>6-15位任意字符组成</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>E-MAIL：</td>
                <td class="right"><input type="text" class="input_text" name="email"/><span>您的电子邮箱地址</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>提示问题一：</td>
                <td class="right"><input type="text" class="input_text" name="ask1"/><span>自定义提示问题和答案用于找回密码</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>答案一：</td>
                <td class="right"><input type="text" class="input_text" name="ans1"/><span>问题1的答案</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>提示问题二：</td>
                <td class="right"><input type="text" class="input_text" name="ask2"/><span>自定义提示问题和答案用于找回密码</span></td>
            </tr>
            <tr>
                <td class="left"><b>*</b>答案二：</td>
                <td class="right"><input type="text" class="input_text" name="ans2"/><span>问题2的答案</span></td>
            </tr>
            <tr><td class="left"></td><td class="right"><p style="height:30px;line-height: 30px;" id="xieyi"><input type="checkbox" name='checkbox'><a href=# onclick="$('.zcxy').css('display','block')">同意《注册协议》</a></p></td></tr>
            <tr><td class="left"></td><td class="right"><input type="button" id="reg_submit" name="submit" value="提交注册" style="width: 150px;height:30px;" disabled="disabled"/></td></tr>
        </table>
        </form>
        <div class="zcxy">
            <center><h3>注册协议</h3></center>
            <center>
                <div style="width:480px;height:340px;margin:5px auto;padding: 5px;overflow-y:scroll; " >
                        注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>
注册协议协议协议\r\n注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>
注册协议协议协议\r\n注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>注册协议协议协议<br>
注册协议协议协议\r\n注册协议协议协议<br>注册协议协议协议<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>

                </div>
            </center>
            <center><input type="button" value="关闭" style="width:100px;height:20px;" onclick="$('.zcxy').css('display','none')"/></center>
        </div>
        <script>
            
            $(function(){
                var x=$("#xieyi > input");
                var s=$("#reg_submit");
                x.click(function(){
                    if(x.attr("checked")){
                        s.attr("disabled",false)
                    }else{
                        s.attr("disabled",true)
                    }
                })
                //自动检测表单合法性
                
                $("#regform input").each(function(){
                    var ob=$(this);
                    $(this).focusout(function(){
                        if($(this).next("span").html()=='√'){
                            return;
                        }
                        if($(this).val().replace(/\s/ig,'').length<1){
                            $(this).next("span").html("<font color=red>不可为空！</font>");
                            return false;
                        }
                        //$(this).next("span").html("正在校验合法性……");
                        arr={action:'check',fun:$(this).attr("name"),val:$(this).val()};
                        //str="action=check&fun="+$(this).attr("name")+"&val="+$(this).val();
                        $.ajax({
                            type:"POST",
                            cache:false,
                            dataType:"html",
                            context:ob,
                            url:"<{$config.SITE_URL}>/register.php",
                            data:arr,
                            success:function(html){
                                ob.next("span").html(html);
                                
                            }
                        });
                        //$(this).next("span").load("<{$config.SITE_URL}>/register.php",{action:'check',fun:$(this).attr("name"),val:$(this).val()});
                    })
                })
                
            })
            //提交表单动作
            $(function(){
                $("#regform [name='submit']").click(function(){
                    var datastr='from=ajax';
                    var stat=true;
                    $("#regform input:not([name='submit'],[name='checkbox'])").each(function(){
                        
//                        if($(this).val().replace(/\s/ig,'').length<1){
//                            $(this).next("span").html("<font color=red>不可为空！</font>");
//                            stat=false;
//                            return false;
//                        }
                        $(this).trigger("focusout");
                        if($(this).next("span").html()!='√'){
                            stat=false;
                            return false;
                        }
                        datastr=datastr+'&'+$(this).attr("name")+"="+$(this).val();
                    });
                    if(stat==true){
                        $.ajax({
                        type:"POST",
                        url:"<{$config.SITE_URL}>/register.php",
                        data:datastr+"&submit=submit&rand="+Math.random(),
                        cache:false,
                        dataType:"html",
                        success:function(html){
                            if(html=='ok'){
                                alert('添加成功');
                                window.location.href='<{$config.SITE_URL}>';
                            }else{
                                alert(html);
                            }
                        }
                        });
                    }
                    
                });
                
            })
        </script>
    </div>
</div>
<{include file="foot.html"}>
